<style>
    .layui-btn:not(.layui-btn-lg ):not(.layui-btn-sm):not(.layui-btn-xs) {height:34px;line-height:34px;padding:0 8px;}
</style>
<body>
    <div class="layui-card">
        <div class="layui-card-header">  <i class="fa fa-gamepad icon"></i>  王者荣耀联赛积分排行榜</div>
        <div class="layui-card-body layui-text">
            <table class="layui-table" lay-skin="line">
                <colgroup>
                    <col width="20">
                    <col width="100">                          
                    <col width="20">
                </colgroup>
                <thead>
                    <tr>
                      <th>排名</th>                            
                      <th>单位</th>
                      <th>积分</th>     
                    </tr> 
                  </thead>
                <tbody>
                <tr>
                    <td>1</td>                            
                    <td>XX连</td>
                    <td>10分</td>
                </tr>
                <tr>
                    <td>2</td>   
                    <td>XX连</td>
                    <td>10分</td>
                </tr>
                <tr>
                    <td>3</td>   
                    <td>XX连</td>
                    <td>10分</td>
                </tr>
                <tr>
                    <td>4</td>   
                    <td>XX连</td>
                    <td>10分</td>
                </tr>
                <tr>
                    <td>5</td>   
                    <td>XX连</td>
                    <td>10分</td>
                </tr>
                <tr>
                    <td>6</td>   
                    <td>XX连</td>
                    <td>10分</td>
                </tr>
                <tr>
                    <td>7</td>   
                    <td>XX连</td>
                    <td>10分</td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</body>
</html>